<template>
    <div class="login">根据相关要求，通过手机设备进行证券交易必须对手机号进行认证
        <div class="login_dl">
            <van-form @submit="onSubmit">
  <van-field
    v-model="username"
    name="手机号"
    label="手机号"
    placeholder="请输入手机号"
    :rules="[{ required: true, message: '请输入手机号' }]"
  />
  
  <van-field
    v-model="password"
    type="password"
    name="密码"
    label="密码"
    placeholder="请输入密码"
    :rules="[{ required: true, message: '请填写密码' }]"
  />
  <van-field
    v-model="username"
    name="动态码"
    label="动态码"
    placeholder="请输入短信动态码"
    :rules="[{ required: true, message: '请输入短信动态码' }]"
  />
  <div style="margin: 16px;">
    <van-button round block type="info" native-type="submit">
      验证
    </van-button>
  </div>
</van-form>
        </div>
    </div>
    

</template>
<script>

export default {
    name:'Login',
    components:{
     
    },
    data(){
        return{
            username:'',
            password:'',
        };
    },
    methods:{
         onSubmit(values) {
      console.log('submit', values);
    },
    }
    
}
</script>
<style lang="scss">

</style>